.home_wrap {
	width: 100vw;
	height: 100vh;
	// background: radial-gradient(87.73% 51.51% at 16.8% 6.043956043956044%, rgba(255, 97, 40, 0.12) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 101%) no-repeat;
	// background-size: 100% 100%;
	position: relative;

	// 背景
	.bg1 {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: radial-gradient(87.73% 51.51% at 16.8% 6.043956043956044%, rgba(196, 238, 255, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 101%) no-repeat;
		background-size: 100% 100%;
		z-index: -2;
	}

	.bg2 {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: radial-gradient(87.73% 51.51% at 16.8% 6.043956043956044%, rgba(165, 212, 255, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 101%) no-repeat;
		background-size: 100% 100%;
		z-index: -1;
	}

	.bg3 {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(245, 250, 255, 1);
		background-size: 100% 100%;
		z-index: -3;
	}

	.wallet_bg_img {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 180px;
		right: 30px;
		z-index: -3;
	}

	// 上方占位盒子
	.top_placeholder_box {
		width: 100vw;
		height: 88px;
	}

	// 头部
	.header_box {
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 0px;
		// padding-top: 6px;
		// border: 1px solid red;
		position: relative;
		top: 22px;

		.oper_box {
			display: flex;
			flex-direction: row;
			position: absolute;
			right: 15px;

			.oper_item_box {
				image {
					width: 22px;
					height: 22px;
				}
			}
		}
	}

	// 用户信息
	.user_info_box {
		margin-top: 14px;
		box-sizing: border-box;
		width: 100%;
		height: 62px;
		// border: 1px solid red;
		padding-left: 20px;
		display: flex;
		flex-direction: row;

		.avatar_box {
			width: 76px;
			height: 100%;
			margin-bottom: 10px;
			position: relative;
			// border: 1px solid red;

			.wd-img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateY(-50%) translateX(-36%);
			}
		}

		.text_box {
			width: 100%;
			height: 54px;
			text-align: left;
			padding: 2px 0px 0px 18px;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			// border: 1px solid blue;

			.nick_name {
				font-size: 16px;
				font-weight: bold;
				letter-spacing: 1px;
			}

			.position {
				margin-left: 10px;
				font-size: 11px;
				letter-spacing: 1px;
			}

			.home_location_box {
				height: 24px;
				line-height: 24px;
				display: flex;
				flex-direction: row;
				position: relative;

				.label_icon_img {
					position: absolute;
					top: 50%;
					transform: translateY(-52%);
					width: 12px;
					height: 12px;
				}

				.home_location_value {
					font-size: 10px;
					margin-left: 16px;
					display: inline-block;
				}  
			}

			.company_box {
				height: 14px;
				line-height: 14px;
				display: flex;
				flex-direction: row;
				position: relative;

				.label_icon_img {
					position: absolute !important;
					top: 50%;
					transform: translateY(-52%);
					width: 12px;
					height: 12px;
					// border: 1px solid red;
				}
				
				.company_name {
					letter-spacing: 1px;
					color: #707070;
					font-size: 10px;
					margin-left: 16px;
					display: inline-block;
				}
			}

			
		}

		.sign_in_now_text {
			// line-height: 90px;
			display: flex;
			flex-direction: column;
			padding: 8px 0px 0px 10px;

			.top_text {
				font-size: 15px;
				letter-spacing: 1px;
				font-weight: bold;
			}

			.bottom_box {
				margin: 2px 0px 0px 2px;

				.text {
					display: inline-block;
					padding: 4px 8px;
					background-color: rgba(0, 0, 0, 0.03);
					border-radius: 12px;
					font-size: 12px;
					letter-spacing: 1px;
					color: #545454;
					position: relative;
					top: 4px;
					left: -2px;
					// border: 1px solid red;
				}
			}
		}
	}

	// 模块卡片
	.module_card_box {
		margin-top: 80px;
		padding: 0px 10px;
		position: relative;

		.module_right_top_jb {
			position: absolute;
			top: 16px;
			right: 38px;
			width: 60px !important;
			height: 10px !important;
			opacity: 1;
		}

		.module_box {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0px 20px 0px 20px;

			.module_item_box {
				width: 130px;
				height: 92px;
				// border: 1px solid red;
				// background-color: rgba(0,0,0,0.4);
				margin-bottom: 18px;
				margin-top: 4px;
				position: relative;

				.content_box {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					text-align: center;

					.module_title_text {
						font-size: 14px;
						// font-weight: bold;
						color: #545454;
						margin-top: 2px;
						letter-spacing: 1px;
						display: inline-block;
					}
				}
			}
		}
	}
}

.wd-card {
	box-shadow: 1px 1px 2px #cacaca !important;

	.wd-card__title-content {
		.wd-card__title {
			letter-spacing: 2px !important;
			font-weight: bold !important;
		}
	}

	.wd-card__footer {
		padding: 4px 0px !important;
	}
}

.operation_card_box {
	padding-top: 2vh;
	margin-top: 32px;
	height: 54%;
	// padding: 10px 80px;
	display: flex;
	flex-direction: column;
	// flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	// position: relative;
	// border: 1px solid red;

	.operation_item_box {
		
		margin-bottom: 16px;
		// border:1px solid red;
		transition: 0.3s;
		position: relative;
		// position:absolute;
		// left: 50%;
		// transform: translateX(-50%);
	}
}
